// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base' as *;
@use 'partials/boxes' as *;

.ui-widget-content {
  color: $black;
}

.ui-corner-all {
  @include default-border-radius();

  .ui-dialog-content {
    /* For some reason the dialogs don't get their bottom corners rounded without this. */
    border-bottom-left-radius: $default-border-radius;
    border-bottom-right-radius: $default-border-radius;
  }
}

.ui-dialog {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}

.ui-dialog .dropdown .menu {
  max-width: 20.5em;
}

.ui-dialog .dropdown .menu .item {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-widget {
  @include font-family-body();

  textarea,
  button {
    @include font-family-body();
  }
}

.ui-slider {
  @include border-all(darken($light-gray, $color-variation));
  background: $light-gray !important;

  .ui-slider-handle {
    @include single-box-shadow();
    outline: none;
    cursor: move;
    z-index: 1;

    &.ui-state-default {
      background: $light-blue;
    }

    &:hover,
    &.ui-state-focus {
      background: white;
    }
  }

  .ui-slider-range {
    background: $blue !important;
  }
}

ul.ui-sortable {
  /* Never scroll a sortable list. If you want it to scroll, make the parent scroll. */
  overflow: hidden;
}
